<!DOCTYPE html>
<html ng-app>
<head lang="en">
    <meta charset="UTF-8">
    <title>sample</title>
    <script type="text/javascript" src="../../lib/jquery/1.11.0/jquery.min.js"></script>
    <script type="text/javascript" src="../../lib/angularjs/1.3.0-beta.5/angular.js"></script>
</head>
<body>
<div ng-controller="TestController" ng-init="s=data[0].name; q=''">
    <div>
        <span>查找：</span> <input type="text" ng-model="q" />
    </div>
    <select ng-multiple="true" ng-model="s" ng-options="o.name as o.name + '(' + o.age + ')' for o in data | filter : {name : q} | orderBy : ['age', 'name'] : false">
    </select>
</div>
<script type="text/javascript">
    var TestController = ["$scope", function ($scope) {
        $scope.data = [
            {name: 'B', age: 4},
            {name: 'A', age: 1},
            {name: 'D', age: 3},
            {name: 'C', age: 3},
        ];
    }];
</script>
</body>
</html>